<div class="flex leading-10 whitespace-nowrap text-center font-bold overflow-x-auto" wire:ignore x-init="document.querySelector('.nav-active')?.scrollIntoView({behavior: 'smooth', block: 'end', inline: 'nearest'})">
    <a wire:navigate href="{{ route('welcome') }}" @class(['w-1/6 flex-none hover:text-red-600', 'text-red-500 border-b-2 border-red-500' => request()->routeIs('welcome')])>首页</a>
    <a wire:navigate href="{{ route('videos.index') }}" @class(['w-1/6 flex-none hover:text-red-600', 'text-red-500 border-b-2 border-red-500' => request()->routeIs('videos.index') && request()->missing('sortBy')])>最新</a>
    <a wire:navigate href="{{ route('videos.index', ['sortBy' => 'hot']) }}" @class(['w-1/6 flex-none hover:text-red-600', 'text-red-500 border-b-2 border-red-500' => request()->routeIs('videos.index') && request('sortBy') === 'hot'])>排行</a>

    @foreach($navs as $v)
        <a wire:navigate href="{{ $v->presenter()->show }}" @class(['w-1/6 flex-none hover:text-red-600', 'text-red-500 border-b-2 border-red-500 nav-active' => request()->route()->parameter('category')?->getKey() === $v->getKey()])>{{ $v->title }}</a>
    @endforeach
</div>
